.navbar {
    display: flex;
    align-items: center;
    .navbar_name {
        overflow: hidden;

        margin-right: 8rpx;

        white-space: nowrap;
        text-overflow: ellipsis;

        color: #333333;

        font-family: PingFangSC-Medium, PingFang SC;
        font-size: 33rpx;
        font-weight: 500;
    }
}
.home_main {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: calc(100% - var(--safe-area-inset-bottom));
    padding-bottom: var(--safe-area-inset-bottom);
    .shop_disabled {
        display: flex;
        align-items: center;
        flex: 1;
        flex-direction: column;
        justify-content: center;
        .shop_disabled_img {
            width: 290rpx;
            height: 186rpx;
            margin-bottom: 29rpx;
        }
        .shop_disabled_text {
            color: #333333;

            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 29rpx;
            font-weight: 400;
        }
    }
}
.section {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 500rpx;

    background-color: red;
}

.main {
    .swiper {
        .swiper_content {
            display: flex;
            justify-content: center;
        }
    }
    .content {
        padding: 28rpx 28rpx 16rpx 28rpx;
        .hotitem {
            .hotitem_logo {
                display: flex;
                align-items: center;

                padding: 28rpx 0 28rpx 0rpx;
                .hotitem_img {
                    width: 32rpx;
                    height: 32rpx;
                    margin-right: 12rpx;
                }
                .hotitem_title {
                    color: #333333;

                    font-size: 28rpx;
                    font-weight: 500;
                    line-height: 40rpx;
                }
            }
            .hotitem_content {
                display: flex;
                align-items: flex-start;
                flex-wrap: wrap;
                justify-content: space-between;
                .left {
                    flex: 1;

                    margin-right: 9rpx;
                }
                .right {
                    flex: 1;

                    margin-left: 9rpx;
                }

                .hotitem_list {
                    margin-bottom: 28rpx;

                    border-radius: 14rpx;
                    background-color: #fff;
                    .hotitem_img {
                        width: 100%;
                        height: 280rpx;

                        border-radius: 14rpx 14rpx 0 0;
                    }
                    .hotitem_detail {
                        border-radius: 0 0 12rpx 12rpx;
                        background-color: #fff;
                        .hotitem_name {
                            display: -webkit-box;
                            overflow: hidden;
                            -webkit-box-orient: vertical;

                            max-height: 70rpx;
                            padding: 28rpx 20rpx 0 20rpx;

                            text-overflow: ellipsis;
                            word-break: break-all;

                            color: #333333;

                            font-family: PingFangSC-Regular, PingFang SC;
                            font-size: 28rpx;
                            font-weight: 400;
                            line-height: 36rpx;

                            -webkit-line-clamp: 2;
                        }
                        .hotitem_count {
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            .shop-cart {
                                position: relative;
                                .shop-cart-num {
                                    position: absolute;
                                    top: 16rpx;
                                    right: 16rpx;

                                    width: 25rpx;
                                    height: 25rpx;

                                    text-align: center;

                                    color: #fe292b;
                                    border: 2rpx solid #fe292b;
                                    border-radius: 50%;
                                    background: #ffffff;

                                    font-size: 22rpx;
                                    font-weight: 400;
                                    line-height: 24rpx;
                                }
                            }
                            .hotitem_color {
                                padding: 22rpx 20rpx;

                                color: #fe292b;

                                font-family: PingFangSC-Medium, PingFang SC;
                                font-weight: 600;
                            }
                            .hotitem_car {
                                width: 54rpx;
                                height: 54rpx;
                                padding: 22rpx 20rpx;
                            }
                            .hotitem_text {
                                font-size: 36rpx;
                                line-height: 28rpx;
                            }
                            .price-qian {
                                font-size: 24rpx;
                            }
                            .price-qi {
                                font-size: 24rpx;
                            }
                            .price-dian {
                                font-size: 26rpx;
                            }
                        }
                    }
                }
            }
        }
        .loading {
            text-align: center;

            color: #999999;

            font-size: 28rpx;
            font-weight: 300;
            line-height: 22rpx;
        }
    }
}
.noshop {
    display: flex;
    justify-content: center;

    margin-bottom: 28rpx;
    .no_image {
        width: 290rpx;
        height: 186rpx;
        margin-top: 440rpx;
    }
}
.float-box-home {
    overflow: hidden;

    width: 100rpx;
    height: 100rpx;
}
